Bruno Lima's profile

Pedida de hoje - UI/UX

Pedida de hoje
Projeto de desenvolvimento da identidade visual e aplicativo que reúne descontos de bares com produtos da AmBev.

"Bares e restaurantes com promoções diárias em diversos lugares do Brasil. Você pode encontrar o melhor lugar para reunir os amigos, fazer aquele happy hour ou simplesmente desfrutar de bons momentos em novos lugares."
1º ciclo
Metodologia
Para esse projeto, apliquei uma interseção entre o sistema linear e a metodologia ágil - de acordo com as fases do projeto. Acredito que formatos híbridos de metodologias sejam o ideal para a melhor adequação ao contexto momentâneo do projeto - considerando também os momentos das equipes externas envolvidas.
Entrevista com stakeholders/identificando a oportunidade
Conversando com a AmBev, a demanda foi reposicionar o aplicativo frente aos usuários com o objetivo de estimular a venda de produtos produzidos por eles - através do incentivo de descontos nos bares (distribuidores). O aplicativo já existia e tinha passado por alterações recentes que não estavam trazendo resultados de conversão (vendas) satisfatórios - acumulava, até então, 2 versões.
Agentes e seus fluxos de interações
Conversa com usuários e ex-usuários
Ao mapear os sentimentos dos usuários (parte deles se mantinham desde a primeira versão), foi possível observar os seguintes pontos que se concentraram em duas vertentes: subtração de funcionalidades antes existentes (como filtro de preços, geolocalização e busca de lugares) e a falta de novas funcionalidades e conteúdo (como segmentação por marcas de cervejas, comentários/avaliações sobre o desconto e bar, agrupar promoções já existentes no bar, servir de catálogo/cardápio, possibilidade de seguir bares, receber notificações de descontos novos e aumentar a quantidade de ofertas disponíveis).
Devido a queda de usuários depois do lançamento da versão 2 (desenvolvida por outra empresa), decidi entrar em contato com os usuários que desinstalaram o aplicativo para investigar os motivos e os pontos levantados foram coincidentes com os já mapeados - mostrando a relevância e o impacto negativo que esses pontos estavam trazendo para a experiência.
Público-alvo
Jovens frequentadores de bares em grupo que gostam de cerveja e buscam descontos no final do expediente de trabalho.
Esse mapeamento tornou possível compreender a faixa de preços ideal e o tipo de combo/oferta que teria maior adesão ao ser oferecida.
A conclusão/direcionamento acima foi feita usando como base as entrevistas com usuários, análise dos dados demográficos e comportamentais dos usuários.
Cenários base/iniciais
- Usuário assíduo chega no bar, abre o aplicativo e procura as ofertas para consumir com desconto.
- Usuário novo (não fidelizado a um bar específico) pesquisa os bares que tem descontos próximo a ele para frequentar.
- Usuário procura por combos (aperitivo/prato + cerveja) para o jantar.
Definição de requisitos/funcionalidades
Ativação/notificação de usuário por sistema de localização, busca, filtragem por dias da semana e marcas de cerveja, comentários sobre o desconto e bar, agrupar promoções já existentes no bar, servir de catálogo/cardápio e funcionalidade de seguir bares
Material extraído de conversas, feedbacks ou testes com usuários.
Histórico - estilos visuais anteriores
Primeira (vermelho) e segunda versão (roxa)
Como é possível observar nas imagens acima, ocorreram mudanças de direcionamento visual no produto ao longo das atualizações - um dos motivos apontados pelos usuários para a descaracterização do produto. Alguns pontos relevantes observados: remoção do botão de ação do cupom, mudança das cores por tons frios, acréscimo com destaque da barra de pesquisa e exibição de dados relevantes sem a necessidade de cliques (quantidade de cupons disponíveis e validade, por exemplo).
Identidade
Para o redesenho do logo, foi feito um mapeamento das cores (laranja, amarelo e marrom) e formas/texturas que estão presentes no modelo mental dos bares. A base se deu no formato dos copos, fluidez do líquido, leveza da espuma e o formato esférico das bolhas de ar na cerveja.
Prancha de referências: quantidade, variedade de cervejas, pessoas, união, bar e espuma
Estudos de interfaces e interações
O processo de ideação das telas se iniciou em wireframe no papel e foi transposto já em estrutura de layout para o meio digital. Paralelo a isso, também foi organizado e estudado quais formas de interação (clique, pressionar, arrastar...) seriam usadas de acordo com o tipo de conteúdo a ser apresentado.
Login, inicio e cupom gerado
A priorização e destaque (título, local e validade) de informações foi considerado para contemplar os cenários mapeados anteriormente.
Informações sobre o cupom (aplicação da interação "pressionar"), perfil (aplicação da interação "arrastar" no carrossel de cupons) e resultado de busca
Processo de estruturação de fluxo de interações + início da implementação visual e testes
Plataforma "Minha empresa"
Pontos relevantes: mapeamento de stakeholders planejamento de readequação de ferramenta e mapeamento das informações necessárias.
Visando solucionar a questão de "poucas oferta de cupons de desconto disponíveis nos bares" ("dor" mapeada a partir dos comentários dos usuários), adaptamos a ferramenta "Minha empresa" (já utilizado de forma geral interna na Cuponeria) para o uso dos bares participantes. Essa plataforma tornou possível o cadastro dos donos de bares, estabelecimentos, ofertas (produto oferecido, foto, dias disponíveis, horário, validade, regras de uso e limite diário de emissões) e tipo de benefício (desconto, 2x1 ou brinde). Ao disponibilizar essa ferramenta, potencializamos e padronizamos a criação de ofertas - garantindo assim uma normatização e geração de conteúdo (cupons de descontos) para os usuários.
"No novo Pedida de Hoje, você descobre bares e restaurantes com promoções diárias em diversas cidades do Brasil. É o aplicativo perfeito para encontrar o melhor lugar para reunir os amigos, fazer aquele Happy Hour ou simplesmente desfrutar de bons momentos. Através da geolocalização ou com os filtros de cidade e bairro, é possível localizar os bares e restaurantes mais próximos a você. Conheça os serviços e diferenciais de cada estabelecimento participante e aproveite suas promoções."
Versão final de divulgação e telas implementadas
Landing page
Foco na apresentação objetiva do produto e redirecionamento para as lojas de aplicativos para download.
Material de divulgação
2º ciclo
Por se tratar de um produto digital, categorizo esse como o ciclo constante responsável pela manutenção e ajustes funcionais básicos. Caso seja necessária outra mudança estrutural, uma readequação ou até mesmo uma ampliação de algum aspecto ou parâmetro mencionado no 1º ciclo - há de se avaliar a relevância de reiniciar um ciclo nos moldes do 1º com o objetivo de readequar a característica a nova proposta.
Resumo
Esse projeto contou com os seguintes produtos finais entregues: identidade e guia visual, aplicativo Pedida de hoje (android e ios), landing page Pedida de hoje e plataforma "Minha empresa" otimizado para as necessidades dos proprietários dos bares.
Como entregas secundárias/auxiliares: entrevista de stakeholders, mapa de stakeholders, agentes e suas interações, entrevistas com usuários (mapa de dores e expectativas), definição de público-alvo, cenários, mapeamento visual e funcional de versões anteriores, estudos de interfaces e suas alternativas e materiais de divulgação.
Pedida de hoje - UI/UX
Published:

Owner

Pedida de hoje - UI/UX

Published: